<?php $this->headTitle('Existing products') ?>

<?php if (isset($this->messages['created'])): ?>
	<div class="ui-widget">
		<div class="ui-state-highlight ui-corner-all">
			<p>
				<span class="ui-icon ui-icon-info"></span>
				The <strong>user</strong> was successfully created
			</p>
		</div>
	</div>
<?php endif ?>

<?php if (isset($this->messages['updated'])): ?>
	<div class="ui-widget">
		<div class="ui-state-highlight ui-corner-all">
			<p>
				<span class="ui-icon ui-icon-info"></span>
				The <strong>user</strong> was successfully updated
			</p>
		</div>
	</div>
<?php endif ?>

<?php if (isset($this->messages['deleted'])): ?>
	<div class="ui-widget">
		<div class="ui-state-highlight ui-corner-all">
			<p>
				<span class="ui-icon ui-icon-info"></span>
				The <strong>user</strong> was successfully deleted
			</p>
		</div>
	</div>
<?php endif ?>

<?php $this->headStyle()->captureStart() ?>
body {
	font-size:10px;
}
<?php $this->headStyle()->captureEnd() ?>

<?php $this->headScript()->captureStart() ?>
$(function(){
	$('#tabs').tabs({
		'selected': 0
	});
});
<?php $this->headScript()->captureEnd() ?>

<div id="tabs">
	<ul>
		<li>
			<a href="#products">Products</a>
		</li>
		<li>
			<a href="#categories">Categories</a>
		</li>
		<li>
			<a href="#brands">Brands</a>
		</li>
	</ul>
	<div id="products">
		<table class="ui-widget ui-widget-content">
			<thead>
				<tr class="ui-widget-header">
					<th>Id</th>
					<th>Name</th>
					<th>Action</th>
				</tr>
			</thead>
			<tbody>
				<?php foreach ($this->entries as $entry): ?>
					<tr>
						<td><?php echo $this->escape($entry->id) ?></td>
					</tr>
				<?php endforeach ?>
			</tbody>
		</table>
	</div>
	<div id="categories">
		categories
	</div>
	<div id="brands">
		brands
	</div>
</div>